<!-- LISTAGEM -->
<div ui-view="" class="ng-scope" ng-show="list"><!-- uiView:  -->
	<div ui-view="" class="ng-scope"><!-- uiView:  -->
		<div class="pageheader ng-scope">
		    <h1>Condominio</h1>
		    <div class="breadcrumb-wrapper hidden-xs">
				<span class="label">Você está aqui:</span>
				<ol class="breadcrumb">
		            <li ><a href="#/home">Home</a></li>
		            <li >Administradora</li>
		            <li >Cadastro</li>
		            <li class="active">Condominio - Pesquisa</li>
		            <!-- 
		            <li class="active">Blank Page</li>
		             -->
		        </ol>
			</div>
		</div>
		<div ui-view="" class="ng-scope"><!-- uiView:  -->
		    <section id="main-content" class="animated fadeInRight ng-scope">
				<div class="col-md-6" style="width: 100%">
		            <div class="panel panel-primary">
						<div class="panel-heading">
							<h3 class="panel-title">Pesquisa .: Filtros</h3>
							<div class="actions pull-right">
								<!-- <i data-fullscreen-widget="" class="fa fa-expand"></i>  -->
	 							<i data-widget-toggle="" class="fa fa-chevron-down"></i>
								<!-- <i data-widget-close="" class="fa fa-times"></i> -->
							</div>
						</div>
	                    <div class="panel-body" style="display: block;">
							<div class="panel-body">
		                        <form class="form-horizontal ng-pristine ng-valid" role="form">
									<div class="form-group">
										<label for="inputEmail2" class="col-sm-2 control-label" style="padding-right: 0px;">
											Nome:
										</label>
										<div class="col-sm-10">
											<input type="search" class="form-control" id="inputNome" placeholder="Nome" ng-model="filtro.nome">
										</div>
	                                </div>
									<div class="form-group">
										<div class="col-sm-offset-2 col-sm-10">
											<button type="submit" class="btn btn-primary" ng-click="retrieveFilter()">Pesquisar</button>
											<button type="submit" class="btn btn-success" ng-click="create()">Novo Registro</button>
										</div>
									</div>
								</form>
		                    </div>
	                    </div>
					</div>
				</div>
				<div class="col-md-6" style="width: 100%">
		            <div class="panel panel-primary">
						<div class="panel-heading">
							<h3 class="panel-title">Pesquisa .: Resultados</h3>
							<div class="actions pull-right">
								<!-- <i data-fullscreen-widget="" class="fa fa-expand"></i>  -->
	 							<i data-widget-toggle="" class="fa fa-chevron-down"></i>
								<!-- <i data-widget-close="" class="fa fa-times"></i> -->
							</div>
						</div>
	                    <div class="panel-body" style="display: block;">
							<table class="table table-striped">
								<thead>
									<tr>
										<th width="180px">Opções</th>
										<th width="100px">#</th>
										<th>Nome</th>
									</tr>
								</thead>
								<tbody>
									<tr ng-repeat="unidade in lista">
										<td  width="180px">
											<button class="btn btn-warning btn-sm" ng-click="update(unidade)">
											  <span class="glyphicon glyphicon-pencil"></span>
											  Editar
											</button>
											<button class="btn btn-danger btn-sm" ng-click="dlete(unidade)">
											  <span class="glyphicon glyphicon-remove"></span>
											  Excluir
											</button>
										</td>
										<td style="vertical-align: middle;">{{unidade.id}}</td>
										<td style="vertical-align: middle;">{{unidade.nome}}</td>
									</tr>
							  </tbody>
							</table>
	                    </div>
					</div>
				</div>
			</section>
		</div>
	</div>
</div>
<!-- LISTAGEM -->

<!-- FORMULARIO  -->
<div ui-view="" class="ng-scope" ng-hide="list"><!-- uiView:  -->
	<div ui-view="" class="ng-scope"><!-- uiView:  -->
		<div class="pageheader ng-scope">
		    <h1>Condominio</h1>
		    <div class="breadcrumb-wrapper hidden-xs">
				<span class="label">Você está aqui:</span>
				<ol class="breadcrumb">
		            <li ><a href="#/home">Home</a></li>
		            <li >Administradora</li>
		            <li >Cadastro</li>
		            <li class="active">Condominio - Formulário</li>
		            <!-- 
		            <li class="active">Blank Page</li>
		             -->
		        </ol>
			</div>
		</div>
		<div ui-view="" class="ng-scope"><!-- uiView:  -->
		    <section id="main-content" class="animated fadeInRight ng-scope">
				<div class="col-md-6" style="width: 100%">
		            <div class="panel panel-primary">
						<div class="panel-heading">
							<h3 class="panel-title">Formulário .: Dados</h3>
							<div class="actions pull-right">
								<!-- <i data-fullscreen-widget="" class="fa fa-expand"></i>  -->
	 							<i data-widget-toggle="" class="fa fa-chevron-down"></i>
								<!-- <i data-widget-close="" class="fa fa-times"></i> -->
							</div>
						</div>
				  		<form name="userForm" class="form-horizontal" role="form">
							<div class="modal-body">
						        <div class="form-group">
						            <label for="inputId" class="col-sm-2 control-label">Id:</label>
						            <div class="col-sm-10">
						                <input type="text" class="form-control" id="inputId" placeholder="Id" ng-model="unidade.id" disabled="disabled" />
						            </div>
						        </div>
						        <div class="form-group">
						            <label for="inputCnpj" class="col-sm-2 control-label">C.N.P.J.:</label>
						            <div class="col-sm-10">
							            <div style="width: 20%; padding-left:0px; padding-right:0px;" class="col-sm-10">
						                	<input type="text" class="form-control cnpj" id="inputCnpj" placeholder="00.000.000/0000-00" ng-model="unidade.cnpj" />
										</div>
							            <div style="width: 15%;" class="col-sm-10">
							            	<label for="inputNome" style="width: 100%" class="col-sm-2 control-label">Nome:</label>
							            </div>
							            <div style="width: 65%; padding-left:0px; padding-right:0px;" class="col-sm-10">
							                <input type="text" class="form-control" id="inputNome" placeholder="Nome" ng-model="unidade.nome" />
							    		</div>
						            </div>
						        </div>
						        <div class="form-group">
						            <label for="inputCepCond" class="col-sm-2 control-label">C.E.P.:</label>
						            <div class="col-sm-10">
							            <div style="width: 20%; padding-left:0px; padding-right:0px;" class="col-sm-10">
						                	<input type="text" class="form-control cep" id="inputCepCond" placeholder="00000-000" ng-model="unidade.cep" />
										</div>
							            <div style="width: 15%;" class="col-sm-10">
							            	<label for="inputEndereco" style="width: 100%" class="col-sm-2 control-label">Endereço:</label>
							            </div>
							            <div style="width: 65%; padding-left:0px; padding-right:0px;" class="col-sm-10">
						                	<input type="text" class="form-control" id="inputEndereco" placeholder="Endereço" ng-model="unidade.endereco" />
							    		</div>
							    	</div>
						        </div>
						        <div class="form-group">
						            <label for="inputBairro" class="col-sm-2 control-label">Bairro:</label>
						            <div class="col-sm-10">
							            <div style="width: 20%; padding-left:0px; padding-right:0px;" class="col-sm-10">
							                <input type="text" class="form-control" id="inputBairro" placeholder="Bairro" ng-model="unidade.bairro" required />
							    		</div>
							            <div style="width: 15%;" class="col-sm-10">
								            <label for="inputCidade" style="width: 100%" class="col-sm-2 control-label">Cidade:</label>
							    		</div>
							            <div style="width: 25%; padding-left:0px; padding-right:0px;" class="col-sm-10">
							                <input type="text" class="form-control" id="inputCidade" placeholder="Cidade" ng-model="unidade.cidade" />
							    		</div>
							            <div style="width: 15%;" class="col-sm-10">
								            <label for="inputUf" style="width: 100%" class="col-sm-2 control-label">Estado:</label>
							    		</div>
							            <div style="width: 25%; padding-left:0px; padding-right:0px;" class="col-sm-10">
							                <select class="form-control" id="inputUf" ng-model="unidade.estado" ng-options="uf.sigla as uf.nome for uf in estados" required>
							                	<option value="">Selecione um estado...</option>
							                </select>
							    		</div>
						            </div>
						        </div>
						        <div class="form-group">
						            <label for="inputDiaVencto" class="col-sm-2 control-label">Dia Vencimento:</label>
						            <div class="col-sm-10">
							            <div style="width: 20%; padding-left:0px; padding-right:0px;" class="col-sm-10">
							                <select class="form-control" id="inputDiaVencto" ng-model="unidade.diaVencimento" placeholder="Selecione um dia..." required>
							                	<option value="0">Selecione um dia...</option>
							                	<option value="1">1</option>
							                	<option value="2">2</option>
							                	<option value="3">3</option>
							                	<option value="4">4</option>
							                	<option value="5">5</option>
							                	<option value="6">6</option>
							                	<option value="7">7</option>
							                	<option value="8">9</option>
							                	<option value="9">9</option>
							                	<option value="10">10</option>
												<option value="11">11</option>
												<option value="12">12</option>
												<option value="13">13</option>
												<option value="14">14</option>
												<option value="15">15</option>
												<option value="16">16</option>
												<option value="17">17</option>
												<option value="18">18</option>
												<option value="19">19</option>
												<option value="20">20</option>
												<option value="21">21</option>
												<option value="22">22</option>
												<option value="23">23</option>
												<option value="24">24</option>
												<option value="25">25</option>
												<option value="26">26</option>
												<option value="27">27</option>
												<option value="28">28</option>
							                </select>
						                	<!-- 
						                	<input type="text" class="form-control" id="inputDiaVencto" placeholder="00000-000" ng-model="unidade.diaVencimento" />
											 -->
										</div>
							            <!-- 
							            <div style="width: 15%;" class="col-sm-10">
							            	<label for="inputEndereco" style="width: 100%" class="col-sm-2 control-label">Endereço:</label>
							            </div>
							            <div style="width: 65%; padding-left:0px; padding-right:0px;" class="col-sm-10">
						                	<input type="text" class="form-control" id="inputEndereco" placeholder="Endereço" ng-model="unidade.endereco" />
							    		</div>
							    		 -->
							    	</div>
						        </div>
							</div>
							<div class="modal-footer ng-scope">
							    <button class="btn btn-default" ng-click="cancel()">Voltar</button>
							    <button class="btn btn-primary" ng-click="save(userForm.$valid)" type="submit">Salvar</button>
							</div>
					    </form>
					</div>
				</div>
				<script>
				    $(document).ready(function() {
				        main.formMask();
				    });
				</script>	
			</section>
		</div>
	</div>
</div>
<!-- FORMULARIO -->
